// src/router/index.js
import { createRouter, createWebHistory } from 'vue-router'

// 定义路由
const routes = [
  {
    path: '/', // 路由路径
    name: 'Home', // 路由名称
    // 异步导入 Home 组件
    component: () => import('../views/HomeIndex.vue'),
  },
  {
    path: '/about',
    name: 'About',
    // 异步导入 About 组件
    component: () => import('../views/AboutIndex.vue'),
  },
  {
    path: '/loading',
    name: 'Loading',
    // 异步导入 LoadingIndex 组件
    component: () => import('../views/LoadingIndex.vue'),
  },
]

// 创建路由实例
const router = createRouter({
  history: createWebHistory(), // 使用 HTML5 History 模式
  routes, // 路由配置
})

export default router
